<!--
 * @FileDescription: this is my vue
 * @Author: zhuxin xu
 * @Date: 2022-10-24 14:09:48
 * @LastEditors: zhuxin xu
 * @LastEditTime: 2022-12-19 14:09:03
-->
<template>
  <div class="strategy_status_assembly">
    <div
      class="status"
      :class="{waitImplement: Status==0 , 
      implementation: Status==1, 
      over: Status==2 , 
      notOpen: Status==3}"
    >
      <span>{{Status==0?'待执行':''|| Status==1?'执行中':'' || Status==2?'已结束':'' || Status==3?'未开启':''}}</span>
    </div>
  </div>
</template>
  
<script>
export default {
  name: "NoticeListTableStrategyStatus",
  props: {
    Status: {}
  }
};
</script>
  
<style  scoped>
.main {
  display: flex;
  width: 100%;
  justify-content: center;
}
.status {
  width: 48px;
  height: 24px;
  border-radius: 4px;
  font-family: PingFangSC-Medium;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: 0;
  line-height: 24px;
}
.waitImplement {
  color: #fa892f;
  background: rgba(250, 137, 47, 0.1);
}
.implementation {
  color: #0066ff;
  background: rgba(0, 102, 255, 0.1);
}
.over {
  color: rgba(0, 0, 0, 0.4);
  background: rgba(0, 0, 0, 0.1);
}
.notOpen {
  color: #05aa69;
  background: rgba(5, 170, 105, 0.1);
}
</style>